/* css */
body{width: 100%;  height: 100%; position:relative;}

.top3{ height: 88px!important; width: 100%; min-width: 980px!important;  background:url(../../images/skin3/index/ui_top_bg.gif) repeat-x;top:0px; left:0px; clear:both; position: absolute; z-index:1000; }

.main { width: 100%; height: 100%;  min-width: 980px!important; clear:both; top:88px; left:0px; position: absolute;}


/* login  */

 .loginbox{ width:360px; height:220px;border:1px solid #324778; background-color:#fff;   top:20px; right:165px; position: absolute; z-index:500;  filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3);  } 
	  
	  .loginbox .title{height:25px; background: url(../../images/logintitle_bg.gif); clear:both;}
	  .loginbox .title h2{font-size:14px;height:25px;line-height:25px; color:#fff; margin-left:5px; float:left; width: 300px; padding-left:16px;  display:block;}
	  .loginbox .close{float:right; width:16px; height:16px; margin-right:5px;margin-top:4px; }
	  .loginbox .close a{ width:16px; height:16px; background: url(../../images/ui_allbt.gif) no-repeat -90px -27px;display:block }
	  .loginbox .close a:hover{background: url(../../images/ui_allbt.gif) no-repeat -106px -27px;}
	  .loginForm{ width:360px; height:150px; clear:both;}
		.loginFormLeft{ float: left; width: 140px; height: 150px; text-align:right} 
		
	    .loginFormRight{  float:right; width:210px; height:150px; text-align:left; color:#666; font-weight:bold;}
		   .logininputbox{ clear:both; height:35px; width:208px; overflow:hidden; }
		   .logininputT{ width:60px; float:left; height:30px; line-height:30px; color:green}
		   .logininputTEXT{ width: auto; height:30px; line-height:30px;  overflow:hidden; text-align:left}
		   .logininputTEXTINPUT{ width:90%; LINE-HEIGHT: 1.2em; HEIGHT: 1.2em;  PADDING-TOP: 0.2em;}
	  .loginbt{ font-size:12px; font-weight:bold; cursor: hand; width: auto; padding:0 10px; height:30px;line-height:30px; color:#333}
	  .loginFormRightfont{ clear:both; height:30px; width:208px; line-height:30px; text-align:center;}



/*top_middle*/
.top_middle{ width:auto;height:88px;height:88px!important; margin-left:150px!important; margin-right:364px!important; }
.seachmenu { height:29px!important; margin-top:6px; margin-left:7px;margin-right:auto; }
.seachmenu ul{ list-style:none; display: inline}
.seachmenu li { list-style-type:none; width: 67px; height:27px;line-height:24px;text-align: center;margin-left: 14px!important;float:left;display:block;}
.seachmenu li a { background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left -30px; color: #24557e;  text-decoration:none; display:block; }					
.seachmenu li a:hover {width: 67px; height:27px;line-height:24px; background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left top; color: #fff; text-decoration:none ; display:block; }
.seachmenu .selec { background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left top; color: #fff; list-style:none; overflow:hidden;}
.seachmenu .selec a{ background: url(../../images/skin3/index/ui_allbt.gif) no-repeat left top; color: #fff; list-style:none; overflow:hidden;}
.seachmenu .selec a:hover{ cursor:text;}

/*seachtabs*/
.seachtabs{ height:53px ; width:auto; margin-left:21px;margin-right:auto;  margin-top:0px; padding-top:0px; text-align:left;}
.seachinputbox { height: 25px; }
.keywords { height: 22px; color:#24557e; margin-top: 2px; }
.keywords a:hover{color:#709d11;}
.seachinputbox .test1{ margin-left:7px; color:#24557e}

.seachinputA {float:left; width: 289px;height:21px; line-height:21px; border: 1px solid #b4b4b4; padding-left: 3px;color: #000;}
.seachinputB {float:left; width: 80px; height:21px; line-height:21px; border: 1px solid #b4b4b4; padding-left: 3px;color: #000; margin-left:5px;}
.seachinputC {float:left; width: auto; height:21px; line-height:21px; border: 1px solid #b4b4b4; padding-left: 3px;color: #000; }
.seachinputD {float:left; height:21px; line-height:21px; margin-left:5px; }
.seachinputE {float:left;text-align:center; position: relative;}


.so_zn a{z-index:auto; top:-10px; left:0px; position: absolute; width:75px; height:35px; line-height:45px; color: #fff;text-align: center; background: url(../../images/skin3/index/ui_allbt.gif) -88px -97px no-repeat; text-decoration:none; float:left;}
.so_zn a:visited{color: #fff;}
.so_zn a:link{color: #fff;}
.so_zn a:hover{background: url(../../images/skin3/index/ui_allbt.gif) -168px -97px no-repeat; text-decoration:none; color: #fff;}


.seach_bt a{width:68px;height:23px; line-height:23px; text-align: center;color: #fff;background: url(../../images/skin3/index/ui_allbt.gif) -116px 0px;margin-left:8px; float:left; text-decoration:none}
.seach_bt a:hover{background: url(../../images/skin3/index/ui_allbt.gif) -184px 0px; text-decoration:none}


#mapseach{}
#informationseach{display:none}
#carseachline{display:none}

/*top_right*/
.top_right{width: 364px!important; height:88px; float:right; }
  .right_bt{ height:22px; margin-top:6px; margin-right:8px; text-align:right; color:#24557e;  position:relative}
  .right_bt a{ color:#24557e;}
  .right_bt a:visited{ color:#24557e; text-decoration:none}
  .right_bt a:hover { color: #709d11; text-decoration:none}
  .f9px, a.f9px:link, a.f9px:visited{ font-size:9px; text-decoration:none}

  .right_btdiv{position: absolute; z-index:5000; width:600px;right:0px}

  /*show city*/
  
.cityWindow{position:absolute;width:260px;height: auto; padding-left:10px; background:#fff;  border:1px #87b91d solid; z-index:2004;/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3);  */ opacity:93%; top:20px; right:40px; text-align:left; }

.cityWindow .guide{ height:14px; width:240px; margin:0px auto; clear:both ;}
.cityWindow .guide  ul{ list-style:none; display: inline;  height:14px;width:60px;}
.cityWindow .guide  li{ list-style:none; display: block; width:60px; height:14px; line-height:14px; float:left; color:#fff; text-indent:5px; text-align:left; padding:0px ; margin:0px; background: url(../../images/skin3/index/ui_allbt.gif) no-repeat right bottom; border:none}


.cityWindow .sec_city{ width:240px; margin:0 auto; clear:both ;}
.cityWindow .sec_city ul {ist-style:none; height: auto; display: block; height: auto; width:60px; float:left}
.cityWindow .sec_city li {display: block; height:22px; line-height:22px; font-weight:bold;  color:#324778; width:100% ; overflow:hidden;  padding:0px; margin:0px; border:none}
.cityWindow .sec_city li a{ padding:1px; padding-bottom:0px; color:#669900; text-decoration: none; border-bottom:1px solid #87b91d; }
.cityWindow .sec_city li a:hover { color:#fff; background-color:#87b91d; text-decoration:none; }
.sec_city li a:visited{ padding:1px; padding-bottom:0px;color:#669900; text-decoration: none; border-bottom:1px solid #87b91d;}


.cityWindow .Mc{width:240px; height:20px; line-height:20px; margin:0px auto; clear:both ; text-align:right; white-space:5em;}
.cityWindow .Mc a:hover{ color:#f00; text-decoration:none; border-bottom:1px solid #f00}
.cityWindow .more{ float:right; width:auto; height:auto;}

 .weather{height:22px; overflow:hidden;line-height:22px; color:#324778;  margin-right:8px;  text-align:right; }
 .weatherCity{width: auto; color:#324778;  height:22px; line-height:22px;margin-right:8px;}
 .weatherMore{width:100px; height:22px; line-height:22px; float:right; }
 .weatherMore a{ text-decoration: none; color:#324778; }
 .weatherMore a:hover{ text-decoration: underline; color:#324778; }
 .weatherMore a:visited{ text-decoration: none; color:#324778; }
 .weatherImg{width:30px;height: auto; float:right;  border:none; height:22px; line-height:22px; margin-right:8px;}

  .menu_bg {background: url(../../images/skin3/index/ui_allbt.gif) no-repeat 0px -56px; height: 38px; height: 38px!important; line-height:38px;  width: 364px;width:364px!important;  font-size: 14px;  font-weight: bold; text-align:center}
  .menu_bg ul{ list-style:none; display:block;} 
  .menu_bg li {color: #24557e; float:left;text-align: center;  height:38px!important; line-height:38px;  width: 72px!important;  list-style-type:none; overflow:hidden}
  .menu_bg li a{color: #24557e;text-decoration:none; display:block;}
  .menu_bg li a:hover {color:#3378ad; background:url(../../images/skin3/index/ui_allbt.gif) no-repeat -252px 0px;text-decoration:none;}
  .menu_bg li a:visited {color: #24557e;text-decoration:none;}
  .menu_bg .menu_bg_hit {float:left; background:url(../../images/skin3/index/ui_allbt.gif) no-repeat -324px 0px; color: #fff; text-decoration:none;}
  .menu_bg .menu_bg_hit a{background:url(../../images/skin3/index/ui_allbt.gif) no-repeat -324px 0px; color: #fff; text-decoration:none;}
  .menu_bg .menu_bg_hit a:hover {background:url(../../images/skin3/index/ui_allbt.gif) no-repeat -324px 0px; color: #fff; text-decoration:none;}
  .menu_bg .menu_bg_hit a:visited{color: #fff; text-decoration:none;}
  
/*top_left*/ 
.top_left{width: 148px!important; height:88px; float:left} /* LOGO */


/* main left */
.main_left{ width:auto; height:100%; margin-right:373px; position:relative; }
   
   .flash_view{ height:auto; width:auto;  position: absolute; top:0px; right:35px;}
   
   /*fullscreen controler*/
  .fullscreenctr{height:100%; width:9px; position: absolute; top:0px; left:0px; background:url(../../images/skin3/index/ui_control_BG.gif) repeat-y;}
  .fullscreenctr .click { height:60px; width:9px; margin-top:220px;}

	   
	   
	   
	   

/* main right */
.main_right{width:373px; height: 680px; top:0px; right:0px; background:#fff; position: absolute;overflow:hidden; z-index:500}



.rightMainA{ position:absolute; left:9px; top:0px; width:364px; height:100%; clear:both; background: url(../../images/skin3/index/ui_rightMainBG.gif) bottom left repeat-y;}
.rightMainB{ position:absolute; left:9px; top:0px; width:364px; height:100%; clear:both; background: url(../../images/skin3/index/ui_rightMainBG.gif) bottom right repeat-y; }
 
 .rightTopA{ width:100%; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) left top; overflow:hidden}
 .rightTopB{ width:100%; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) 364px top; overflow:hidden;  top:0; left:0px; position:absolute;}
 .rightTopBA{ width:100%; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) right top; overflow:hidden}
 
 .rightBottomA{ width:100%; height:10px; clear:both;background: url(../../images/skin3/index/ui_righttop.gif) left bottom;overflow:hidden}
 
 .rightBottomB{ width:43px; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) 364px bottom; overflow:hidden; bottom:0px; left:0px; position:absolute;}
 .rightBottomBA{ width:321px; height:10px; clear:both; background: url(../../images/skin3/index/ui_righttop.gif) right bottom;overflow:hidden;bottom:0px; right:0px; position:absolute;}
 
 

 
 .rightBL{ float:left; width:43px; height:100%; top:0; left:0px; position:absolute; }
 .rightBR{ margin-left:43px; height:100%; width: auto; height:100%; }
 

 
 /*menu*/
 .Rnavi{ width:43px; height: auto; top:5px; left:0px; position:absolute; } 
 .Rnavi ul{ list-style:none; display:block}
 .Rnavi li{ display:block; width:43px; height:57px; }
 .Rnavi li a{width:43px; height:57px;text-decoration:none; border:none;}
 .Rnavi li a:hover {width:43px; height:57px; text-decoration:none; background:url(../../images/skin3/index/ui_allbt.gif) no-repeat -43px bottom}
 .Rnavi .hit a{width:43px; height:57px; background:url(../../images/skin3/index/ui_allbt.gif) no-repeat left bottom}
 .Rnavi .hit a:hover{width:43px; height:57px; background:url(../../images/skin3/index/ui_allbt.gif) no-repeat left bottom}
 .Rnavi li IMG{width:43px; height:57px; border:none; }
 
 .RframeB{ width: auto; height:100%; margin-right:6px; background:none}
 .RframeA{ width: auto; height:100%; margin-left:5px; margin-right:6px; background:none}
 
           /* Rnavi div */
 .Rnavi div{width:43px; height:57px; }
 .Rnavi div a{width:43px; height:57px;text-decoration:none; border:none;}
 .Rnavi div a:hover {text-decoration:none; background:url(../../images/skin3/index/ui_allbt.gif) no-repeat -43px bottom}
 .Rnavi div .hit{ background:url(../../images/skin3/index/ui_allbt.gif) no-repeat left bottom}
 .Rnavi div IMG{width:43px; height:57px; border:none; }

/* png */
 .png { behavior:url("css/png.htc");}


/*

html .lowResY {overflow-Y: auto!important}
html .lowResx {overflow-X: auto!important}
html .lowResX body {width: 790px!important}
html .lowResY body {height: 550px!important}
html {overflow-y: hidden; width: 100%; height: 100%}

*/


.blank8 { height:8px; line-height:1px; font-size:1px; clear:both;}
.blank5 { height:5px; line-height:1px; font-size:1px; clear:both;}

.seachSubmit {width:68px;height:23px; line-height:23px; text-align: center;color: #fff; background: url(../../images/skin3/index/ui_allbt.gif) -116px 0px; margin-left:8px; float:left; }
.seachSubmitHover {width:68px;height:23px; line-height:23px; text-align: center;color: #fff; background: url(../../images/skin3/index/ui_allbt.gif) -184px 0px;  margin-left:8px; float:left;}
.button1{width:68px;height:23px; line-height:23px; text-align: center;color: #fff;  border: none; background: none transparent scroll repeat 0% 0%; CURSOR: hand; text-decoration:none}

/*up and down*/
.upanddown{ width:39px; height:60px; bottom:10px; left:4px; position:absolute; z-index:auto; background: url(i../../images/skin3/index/ui_rightMainBG.gif) repeat-y -368px}

.upanddown .up a{height:22px; width:22px; background: url(../../images/skin3/index/ui_up_down.png) right top no-repeat; margin: 0 auto; display:block}
.upanddown .up a:hover{background: url(../../images/skin3/index/ui_up_down.png) left top no-repeat; }

.upanddown .down a{ height:22px; width:22px; background: url(../../images/skin3/index/ui_up_down.png) right bottom no-repeat; margin: 10px auto 0 auto; display:block }
.upanddown .down a:hover{ background: url(../../images/skin3/index/ui_up_down.png) left bottom no-repeat; }

/*custom*/
.text1 {height:21px; line-height:21px;border: 1px solid #b4b4b4;color: #000;}


/*old*/
.alphaLayer{ 
	width: auto; 
	height:100%; 
	background-color:
	#eee;filter:alpha(opacity=80);	opacity: 0.80;
}


/*nav*/

.nav {
position:absolute;
top:5px;
left:20px;
z-index:5;
}

.nav1 {
float:left;
height: 21px;
width: 66px;
*width: 50px;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
}
.nav1a, {
width:34px;
height:21px;
float:left;
}
.nav1b {
float:right;
height:21px;
width:16px;
margin-top:-21px; /*ff*/
*margin-top:; /*ie*/
}
#navpop1a {
clear:both;
width:50px;
top:0; /*ff*/
*top:-3px; /*ie*/
background-color:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
position: relative;
margin-left:16px;
*margin-left:0;
}

#navpop1a a:link, #navpop1a a:visited {
color:#333;
width:50px;
height:10px;
*height:23px;
display:block;
padding-top:2px;
padding-bottom:13px; /*ff*/
*padding-bottom:0px; /*ie*/
text-decoration:none;
text-align:center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #efefef;
}
#navpop1a a:hover {
color:#333 !important;
background-color:#def7ba;
}

/*--nav2--*/

.nav2 {
float:right;
height: 21px;
width: 50px;
margin-left:7px;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=3);
}
.nav2a {
width:34px;
height:21px;
float:left;
}
.nav2b {
float:right;
height:21px;
width:16px;
}
.navpopselected {
color: #fff !important;
background-color:#8cbc4d;
}